export default {
    mounted(el) {
        const oSelectorInput = el.querySelector('.selector-input'),
            oSelectorMenu = el.querySelector('.selector-menu');
        const oInput = oSelectorInput.querySelector('input'),
            oPlaceHolder = oSelectorInput.querySelector('label'),
            oIcon = oSelectorInput.querySelector('span');

        oInput.addEventListener('focus', function() {
            setTimeout(function() {
                oSelectorMenu.style.display = 'block'
            }, 200)
        }, false);

        oInput.addEventListener('blur', function() {
            setTimeout(() => {
                oSelectorMenu.style.display = 'none'
                if (this.value.length === 0) {}
            }, 200)
        }, false);
    }
}